<template>
	<nut-config-provider :theme="appStore.theme" :theme-vars="appStore.themeConfig">
		<view class="nut-page" :class="appStore.theme">
			<slot></slot>
		</view>
	</nut-config-provider>
</template>
<script lang="ts" setup>
import { useAppStore } from "@/store";
const appStore = useAppStore();
</script>
<style lang="scss">

.nut-page{
	background-color: var(--nut-background);
	min-height: 100vh;
	&.dark{
		background-color: var(--nut-dark-background);
	}
}
</style>